<section id="menu">

</section>
<header>Login</header>


<!-- <div id="scrollableframe">

<ul>
        <li><img src="resources\img\logo_grey_small.png"></li>
        <li><span>Youniversity</span></li>
    </ul>
    <div class="scroller"> -->

        <div class="frame">
            <form>
                <p>Username<br>
                    <input type="text" id="username"></p>
                <p>Password<br>
                    <input type="password" id="password"></p>

                <div class="centercontent">
                    <button id="loginbutton" type="button">
                        <span class="icon tick"></span>
                        <span class="label">Entra</span>
                    </button>
                </div>
            </form>
        </div>
        <div class="textrow">
            <p><a href="#register">Registrati</a> | <a href="#pwdrecover">Recupera Password</a></p>
        </div>
        <div class="centercontent">
            <p>Sei solo curioso?</p>
            <a href='#universitylist' class="button">Esplora Universita'</a>
            <!-- <br>
            <a href="teacher.html" class="button">Pagina professore</a> -->
            <!-- <a href="explore.html" class="button">
                <span class="icon appointment"></span>
                <span class="label">Entra</span></a> -->
        </div>

<!--     </div> 
</div> -->